  /*
  Defines styles for all pages in the console.  This page is
  automatically included by HtmlHeadTag (which is a component
  of PageTag). 

  The colors for the UI   
  1 style="BACKGROUND-COLOR: #ffffff;COLOR: black"  (white)
  2 style="BACKGROUND-COLOR: #e8f7f7;COLOR: black"  (lightest green)
  3 style="BACKGROUND-COLOR: #b8cece;COLOR: black"  (light green)
  4 style="BACKGROUND-COLOR: #608c8c;COLOR: white"  (dark green)
  5 style="BACKGROUND-COLOR: #000000;COLOR: white"  (black)
  6 style="BACKGROUND-COLOR: #325e5e;COLOR: white"  (darkest green)
*/

/*
  Available and Chosen select lists should open to 100%.
  Netscape 4.x will not support this.  Nor will Netscape 4.x
  support a pixel-based width.
*/
.chooserList {
  width : 100%;
}

/* 
  Defines width for TEXTAREA input fields.  
  IE will use this setting as an override to the 'cols=?' setting in the HTML tag.
  Netscape 4.x does not recognize this style, however.  Netscape will use the
  'cols=?' setting in the tag only. 
*/
   
textarea {
  width: 90%;
}

.top-background {
  color: white;
  background: #608c8c;
  background-image: none
}
.wizardtitle-background {
  color: white;
  background: #608c8c;
  background-image: none
}
.steptitle-background {
  color: black;
  background: #b8cece;
  background-image: none
}
.step-background {
  color: black;
  border: solid #b8cece;
  background: white;
  background-image: none
}
.advanced-title-background {
  color: black;
  border: none;
  background-color: #b8cece;
  text-align: left;
  background-image: none;
}
.advanced-background {
  color: black;
  border: solid #b8cece;
  background-color: white;
  text-align: left;
  background-image: none
}
.separator-background {
  color: black;
  border: none;
  background-color: #b8cece;
  text-align: left;
  background-image: none
}
.sidenav {
  color: black;
  background: white;
  background-image: none
}
.content-background {
  border: none;
  background: white;
  background-image: none;
  text-align: left;
}
.top-info-background {
  color: yellow;
  background: black;
  background-image: none
}
.behind-main-tabs-background {
  color: black;
  background: #e8f7f7;
  background-image: none
}
.tab-selected {
  font-weight: bold;
  margin: 0px;
  cursor: default;
  color: white;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  background-color: #608c8c;
  background-image: none;
  font-size: 80%;
}
.tab {
  margin: 0px;
  cursor: default;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  color: black;
  background-color: #b8cece;
  background-image: none;
  text-decoration: none;
  font-size: 80%;
}
.subtab-selected {
  font-weight: bold;
  margin: 0px;
  cursor: default;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  color: black;
  background-color: white;
  background-image: none;
  font-size: 80%;
}
.subtab {
  margin: 0px;
  cursor: default;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  color: black;
  background-color: #b8cece;
  background-image: none;
  text-decoration: none;
  font-size: 80%;
}
.tab-dropshadow {
  BACKGROUND-COLOR: black;
  BACKGROUND-IMAGE: none;
}

/* style used for welcome page heading */
.welcome-pageheader{
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  margin-bottom: 4pt;
  margin-top: 0pt;
  font-size:100%;
  font-weight:bold;
  text-align: left;
  color: #325e5e;
}

/* style used for content/page heading */
.pageheader{
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  margin-bottom: 4pt;
  margin-top: 0pt;
  font-size:100%;
  font-weight:bold;
  text-align: center;
  color: #325e5e;
}
.instructions {
  font-style: normal; /* using 'italic'  to test */
}
.spacer {
  font-size: 30%;
}

body {
  border-right: 0px;
  padding-right: 0px;
  border-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  border-left: 0px;
  padding-top: 0px;
  border-bottom: 0px;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  background-color: #ffffff;
}

/* =======  top nav bar ======= */
.topbarbig {
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  line-height:22px;
  color:white;
  font-size:18px;
  font-weight:bold;
}

/* style for first line of the product name in the top nav bar */
.topbarsmall{
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  line-height:16px;
  font-size:14px;
  color:white;
}

/* style for white text */
.whitetext {
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  line-height:16px;
  font-size:12px;
  color:#ffffff;
}

A:link {
  background: none transparent scroll repeat 0% 0%;
  color: #0000aa;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  font-size: 100%;
}
A:active {
  BACKGROUND: none transparent scroll repeat 0% 0%;
  COLOR: #0000aa;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 100%;
}
A:visited {
  BACKGROUND: none transparent scroll repeat 0% 0%;
  COLOR: #0000aa;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 100%;
}
A:hover {
  BACKGROUND: none transparent scroll repeat 0% 0%;
  COLOR: #aa00aa;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 100%;
}


.logout:link {
  BACKGROUND: none transparent scroll repeat 0% 0%;
  COLOR: #e8f7f7;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 100%;
}
.logout:active {
  BACKGROUND: none transparent scroll repeat 0% 0%;
  COLOR: #FF0000;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 100%;
}
.logout:visited {
  BACKGROUND: none transparent scroll repeat 0% 0%;
  COLOR: #e8f7f7;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 100%;
}
.logout:hover {
  BACKGROUND: none transparent scroll repeat 0% 0%;
  COLOR: #FFFFFF;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 100%;
}

td, li, dl, ol, ul, blockquote,span,br,p{
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
}

CODE {
  font-family: Courier;
}
PRE {
  MARGIN: 12pt
}
.log
{
  font-size: 10pt
}
DIV.content {
  PADDING-RIGHT: 4pt;
  PADDING-LEFT: 4pt;
  PADDING-BOTTOM: 4pt;
  PADDING-TOP: 4pt;
  MARGIN: 4pt;
  
}
P.content {
  PADDING-RIGHT: 4pt;
  PADDING-LEFT: 4pt;
  PADDING-BOTTOM: 4pt;
  MARGIN: 4pt;
  PADDING-TOP: 4pt;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 80%;
}
span.banner
{
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 100%;
  FONT-WEIGHT: bold;
  COLOR: white;
}
.title {
  COLOR: white;
}

.heading{
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 80%;
  FONT-WEIGHT:bold;
  BACKGROUND-COLOR: #b8cece;
}
.sub-heading{
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 80%;
  FONT-WEIGHT:bold;
}

P.headerlink {
  PADDING-RIGHT: 0pt;
  PADDING-LEFT: 0pt;
  PADDING-BOTTOM: 0pt;
  MARGIN: 0pt 0pt 0pt 8pt;
  PADDING-TOP: 0pt;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 80%;
  HEIGHT: 0pt
}
P.dialoglink {
  PADDING-RIGHT: 0pt;
  PADDING-LEFT: 0pt;
  PADDING-BOTTOM: 0pt;
  MARGIN: 0pt;
  COLOR: red;
  PADDING-TOP: 0pt;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 80%;
  HEIGHT: 0pt
}
span.wizardtitle {
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-WEIGHT: bold;
  COLOR: white;
}
span.steptitle {
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-WEIGHT: bold;
  COLOR: black;
}
SPAN.advancedtitle {
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-WEIGHT: bold;
  COLOR: black;
  BACKGROUND-COLOR: #b8cece;
}
SPAN.advancedlink {
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  COLOR: black;
  BACKGROUND-COLOR: #b8cece;
}
SPAN.separatortitle {
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-WEIGHT: bold;
  FONT-SIZE: 80%;
  COLOR: black;
  BACKGROUND-COLOR: #b8cece;
}
SPAN.table-bold {
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-WEIGHT: bold;
  FONT-SIZE: 80%;
  COLOR: black;
}
SPAN.table-normal {
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  COLOR: black;
  FONT-SIZE: 80%;
}
SPAN.copyright {
  FONT-SIZE: 80%;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
}
SPAN.headerstatus {
  FONT-SIZE: 80%;
  COLOR: #ffffff;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
}
span.bannerstatus  { 
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  COLOR: #FFFFFF;
  FONT-SIZE: 80%;
}
span.smallHyperlinks  { 
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif; 
  FONT-SIZE: 70%
}
span.mediumHyperlinks  { 
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif; 
  FONT-SIZE: 80%
}
.column-header {
  FONT-WEIGHT: bold;
  MARGIN: 0px;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 80%;
  BACKGROUND-COLOR: #b8cece
}
span.error       { 
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  color: #ad0e25;
  font-weight: bold;
  margin: 0;
}

span.errorlink    { 
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  TEXT-DECORATION: underline;
  COLOR: #AD0E25;
  FONT-WEIGHT: bold;
  margin: 0;
}

span.message-error       { 
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  COLOR: #AD0E25;
  FONT-WEIGHT: bold;
  margin: 0;
}

span.message-normal       { 
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  COLOR: black;
  FONT-WEIGHT: bold;
  margin: 0;
}

span.message-warning       { 
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  COLOR: black;
  FONT-WEIGHT: bold;
  margin: 0;
}

span.message-success       { 
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  COLOR: #28AD0E;
  FONT-WEIGHT: bold;
  margin: 0;
}

SPAN.dialog-info {
  COLOR: black;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-SIZE: 80%;
}

SPAN.dialog-label {
  COLOR: black;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
}

SPAN.dialog-label-disabled {
  FONT-WEIGHT: bold;
  FONT-SIZE: 80%;
  COLOR: gray;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
}

SPAN.dialog-help {
  color: #333333;
  font-size: 80%;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
}

SPAN.dialog-help-disabled {
  color: #333333;
  font-size: 80%;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
}

span.group-link    { 
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  FONT-WEIGHT: bold;
}
SPAN.dialog-label-small {
  FONT-WEIGHT: bold;
  FONT-SIZE: 70%;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
}
SPAN.dialog-content {
  COLOR: #000000;
  FONT-SIZE: 80%;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
}
SPAN.dialog-units {
  FONT-WEIGHT: bold;
  MARGIN: 0px;
  FONT-SIZE: 80%;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
}
SPAN.alert {
  FONT-WEIGHT: bold;
  FONT-SIZE: 80%;
  COLOR: #AD0E25;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
}
SPAN.message {
  FONT-SIZE: 80%;
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
}

.buttons {
  background-color: #e8f7f7;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  font-size:80%;
  background: #b8cece;
  border-bottom: 1px solid #325e5e;
  border-right: 1px solid #325e5e;
  border-left: 1px solid #b8cece;
  border-top:1px solid #b8cece;
  color:#000000;
  text-decoration:none;
  cursor: pointer;
}
  
.chooserButtonsEnabled {
  background-color: #e8f7f7;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  font-size:80%;
  background: #b8cece;
  border-bottom: 1px solid #325e5e;
  border-right: 1px solid #325e5e;
  border-left: 1px solid #b8cece;
  border-top:1px solid #b8cece;
  padding-left: 4px;
  padding-right: 4px;
  color:#000000;
  text-decoration:none;
  font-weight: bold;
  cursor: pointer;
}
  
.chooserButtonsDisabled {
  background-color: #e8f7f7;
  font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
  font-size:80%;
  background: #b8cece;
  border-bottom: 1px solid #325e5e;
  border-right: 1px solid #325e5e;
  border-left: 1px solid #b8cece;
  border-top:1px solid #b8cece;
  padding-left: 4px;
  padding-right: 4px;
  color:#999999;
  text-decoration:none;
  font-weight: bold;
  cursor: pointer;
}

.logAndExceptionTable {
  background-color:#EEEEEE;
  border-color : #FFFFFF #CCCCCC #FFFFFF #CCCCCC;
  border-bottom-width:0px;
  border-left-width:1px;
  border-right-width:0px;
  border-top-width:1px;
}
.message {
  margin-left:16px;
  margin-top:15px;
  margin-bottom:5px;
  word-break:break-all;
}

.message li {
  color:#990000;
}

.message span {
  color:#339933;
  font-weight:bold;
}

#message {
  margin-left:15px;
  margin-top:15px;
  margin-bottom:5px;
  word-break:break-all;
}

#message li {
  color:#990000;
}

#message span {
  color:#339933;
  font-weight:bold;
}

ul#messages li {
  color:#339933;
}

ul#errors li {
  color:#990000;
}